#include("cdsLayout.html")
#@cdsLayout()

#define cdsContent()
	<!-- banner部分 -->
	<div>
		<div class="layui-carousel" id="banner">
			<div carousel-item>
				<div>
					<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/banner1.jpg">
					<div class="panel">
						<p class="title">网络公司</p>
						<p>完美前端体验</p>
					</div>
				</div>
				<div>
					<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/banner2.jpg">
					<div class="panel">
						<p class="title">网络公司</p>
						<p>完美前端体验</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- main部分 -->
	<div class="main-product">
		<div class="layui-container">
			<p class="title">
				专为前端而研制的<span>核心产品</span>
			</p>
			<div class="layui-row layui-col-space25">
				#cald("product", 4, "a")
				<div class="layui-col-sm6 layui-col-md3">
					<div class="content">
						<div>
							<img src="#(a.thbPath??)" width="64" height="64">
						</div>
						<div>
							<p class="label">#(a.title??)</p>
							<p>#(a.subtitle??)</p>
						</div>
						<a href="/enterColOtherArts?col=product">查看产品 ></a>
					</div>
				</div>
				#end
			</div>
		</div>
	</div>
	<div class="main-service">
		<div class="layui-container">
			<p class="title">
				为客户打造完美的<span>专业服务</span>
			</p>
			<div class="layui-row layui-col-space25 layui-col-space80">
				<div class="layui-col-sm6">
					<div class="content">
						<div class="content-left">
							<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/home_img1.jpg">
						</div>
						<div class="content-right">
							<p class="label">1 对 1 前端指导</p>
							<span></span>
							<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6">
					<div class="content">
						<div class="content-left">
							<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/home_img2.jpg">
						</div>
						<div class="content-right">
							<p class="label">1 对 1 前端指导</p>
							<span></span>
							<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6">
					<div class="content">
						<div class="content-left">
							<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/home_img3.jpg">
						</div>
						<div class="content-right">
							<p class="label">1 对 1 前端指导</p>
							<span></span>
							<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
						</div>
					</div>
				</div>
				<div class="layui-col-sm6">
					<div class="content">
						<div class="content-left">
							<img src="#(ctx)/cds/#(SiteInfo.siteSign)/img/home_img4.jpg">
						</div>
						<div class="content-right">
							<p class="label">1 对 1 前端指导</p>
							<span></span>
							<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="service-more">
				<a href="javascript:;">查看更多</a>
			</div>
		</div>
	</div>
#end	